<!DOCTYPE html>
<html style="background: #fff;">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <meta charset="UTF-8">
    <title>实名认证</title>
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
    <link href="css/mui.min.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="css/mui.min.css">
    <script type="text/javascript" src="js/flexible.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body style="background:none;">
<div class="index-header" style="height: 1.173rem;font-size: 0.48rem;line-height: 1.173rem;">实名认证</div>
<div class="me-form layui-form">
    <div class="me-form-box" style="margin-bottom: 0;background:#fff;border-bottom:1px solid #e6e6e6">
        <div class="me-form-box-dw">
            <input type="text" value="" lay-verify="required" placeholder="真实姓名" name="name">
        </div>
    </div>
    <div class="me-form-box" style="background:#fff;">
        <div class="me-form-box-dw">
            <input type="text" value="" lay-verify="required|identity" placeholder="身份证号 " name="cardNumber"></div>
    </div>
    <div class="me-form-box-text" style="padding-bottom:0.32rem;border-bottom:none;">
        <div class="me-form-box-dw" style="overflow: hidden;">
            <h2>资质及作品上传</h2>
        </div>
        <ul class="me-form-box-img">
            <li style="width:3.707rem;height:2.32rem;margin-left:0.8rem;float: left;"><img id="img1" id="file1" type="file" name="photo1" onchange="photo(this,'img1')"/></li>
            <li style="width:3.707rem;height:2.32rem;margin-right:0.8rem;float:right;">
                <img id="img2"src="images/id2.jpg"alt=""/><input id="file2" type="file" name="photo2" onchange="photo(this,'img2')"/>
            </li>
            <div class="clear"></div>
        </ul>
        <p class="clear"
           style="position:relative;font-size:0.32rem;color:#949494;text-align:center;margin-top:0.853rem;">
            拍摄您的二代身份证原件，请确保图片清晰、四角完整</p>
    </div>

    <input type="button" lay-submit value="认证" class="btn" lay-filter="userBtn"/>
</div>
</body>
<!--<input type="file" name="img" multiple="multiple" />-->
<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data/submit.js" type="text/javascript" charset="utf-8"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        slidesPerView: '2.24',
        onTransitionEnd: function (swiper) {
            if (swiper.progress == 1) {
                swiper.activeIndex = swiper.slides.length - 1
            }
        }
    })
</script>
</html>
